<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <title>activity</title>
    <link rel="stylesheet" href="./static/reset.css">
  </head>
  <script>
  (function (doc, win) {
       var docEl = doc.documentElement,
       // 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持，可以使用原始的 resize
       resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
       recalc = function () {
           //clientWidth: 获取对象可见内容的宽度，不包括滚动条，不包括边框
           var clientWidth = docEl.clientWidth;
           if (!clientWidth) return;
           docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
       };
     recalc();
     //判断是否支持监听事件 ，不支持则停止
     if (!doc.addEventListener) return;
     //注册翻转事件
     win.addEventListener(resizeEvt, recalc, false);

    })(document, window);
</script>
  </script>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
